<template>
  <div class="wechat-box">
      <div class="topinfo-box">
          <div class="topinfo-div"><img src="../../assets/image/avatar-default.png" alt=""></div>
          <div class="topinfo-title">XXX邀请您快来为您的企业评估一下融资额度</div>
      </div>
      <div class="img-box">
          <img src="../../assets/image/banner.png" alt="">
      </div>
      <div class="img-box">
          <img src="../../assets/image/step_back.png" alt="">
      </div>
      <!-- <div>
          <button class="button1" @click="wechatLogin">微信一键登录注册</button>
      </div> -->
      <div class="phone-div" @click="wechatLogin">手机号码登陆/注册</div>
  </div>
</template>

<script>
export default {
    data(){
        return{}
    },
    mounted(){
    },
    methods:{
        wechatLogin(){
            let id = this.$route.query.promoterId || window.location.hash.split("=")[1]
            if(id){
                this.$router.push({
                path:'/login'
            })
            localStorage.setItem('promoterId', id)
            }
            
        },
    }
}
</script>

<style lang="stylus" scoped>
@import "../../assets/styl/mixin.styl"
.wechat-box
    background #F5F5F5
    height 100vh
    padding 0 rem(15)
    overflow hidden
    padding-top rem(20.5)
    .topinfo-box
        display flex
        justify-content flex-start
        .topinfo-div
            width rem(65)
            height rem(65)
            flex-shrink 0
            img 
                width 100%
                height 100%
        .topinfo-title
            font-size rem(18)
            color #333333
            text-align left
            line-height rem(32)
            margin-left rem(15)
    .img-box
        width rem(345)
        height rem(115)
        margin-top rem(15)
        img 
            width 100%
            height 100%
            border-radius rem(5)
    .phone-div
        margin rem(30) auto
        text-align center
        font-size rem($ft16)
        color #FFFFFF
        width rem(345)
        height rem(49)
        line-height rem(49)
        background #52C41A
button 
    width rem(345)
    height rem(49)
    border-radius rem(5)
    color #FFFFFF
    font-size rem($ft16)
    background #52C41A
    margin-top rem(40)
</style>